.monitoringConsole {
  :global {
    .ant-pro-page-header-wrap-children-content {
      height: calc(100vh - 106px);
      overflow-y: auto;
      overflow-x: hidden;
    }
    .ant-page-header {
      padding: 0 10px;
      .ant-page-header-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .ant-page-header-heading-title {
          line-height: 22px;
          margin: 2.5px 0;
        }
      }
    }

    .text-ellipsis {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    // 首页 begin
    .index-top {
      .font-size22 {
        text-align: center;

        .ant-statistic-content {
          font-size: 22px;
          .ant-statistic-content-value-decimal {
            font-size: 22px;
          }
        }
      }
    }

    .index-middle {
      margin-bottom: 10px;

      .font-size14 {
        font-size: 14px;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
      }
      .font-size12 {
        font-size: 12px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        span {
          color: #f6ca00;
        }
      }
    }

    .index-bottom {
      :global {
        .xh-gxc-card:hover {
          box-shadow: 0px 16px 36px 11px rgba(0, 0, 0, 0.2);
        }
        .ant-divider {
          margin: 0;
        }

        .view-more {
          height: 24px;
        }

        .store {
          width: 70px;
          height: 70px;
          background: rgba(221, 249, 240, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(11, 207, 147, 1);
          cursor: pointer;
        }

        .store:hover {
          font-size: 30px;
          background: rgb(165, 221, 203);
          color: rgb(2, 173, 122);
        }

        .produce {
          width: 70px;
          height: 70px;
          background: rgba(255, 246, 207, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(246, 202, 0, 1);
          cursor: pointer;
        }

        .produce:hover {
          font-size: 30px;
          background: rgb(245, 227, 148);
          color: rgb(230, 189, 7);
        }

        .supply {
          width: 70px;
          height: 70px;
          background: rgba(255, 238, 229, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(253, 115, 46, 1);
          cursor: pointer;
        }

        .supply:hover {
          font-size: 30px;
          background: rgb(253, 188, 153);
          color: rgb(248, 89, 9);
        }

        .market {
          width: 70px;
          height: 70px;
          background: rgba(255, 237, 248, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(254, 54, 181, 1);
          cursor: pointer;
        }

        .market:hover {
          font-size: 30px;
          background: rgb(248, 171, 219);
          color: rgb(248, 25, 166);
        }

        .deposit {
          width: 70px;
          height: 70px;
          background: rgba(251, 234, 255, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(211, 49, 254, 1);
          cursor: pointer;
        }

        .deposit:hover {
          font-size: 30px;
          background: rgb(231, 163, 247);
          color: rgb(201, 26, 250);
        }

        .junction {
          width: 70px;
          height: 70px;
          background: rgba(235, 247, 255, 1);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgba(1, 150, 253, 1);
          cursor: pointer;
        }

        .junction:hover {
          font-size: 30px;
          background: rgb(177, 220, 248);
          color: rgb(16, 145, 236);
        }

        .return {
          width: 70px;
          height: 70px;
          background: rgba(29, 4, 252, 0.152);
          border-radius: 100%;
          text-align: center;
          line-height: 70px;
          font-size: 26px;
          font-weight: 500;
          color: rgb(7, 3, 248);
          cursor: pointer;
        }

        .return:hover {
          font-size: 30px;
          background: rgba(29, 4, 252, 0.152);
          color: rgb(7, 3, 248);
        }
      }
    }
    // 首页 end
  }
}
